@font-face {
    font-family: 'Delivery_W_Rg';
    src: url('https://www.dhl.com/dhl-font/Delivery_W_Rg.eot');
    /* IE9 Compat Modes */
    src: url('https://www.dhl.com/dhl-font/Delivery_W_Rg.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://www.dhl.com/dhl-font/Delivery_W_Rg.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://www.dhl.com/dhl-font/Delivery_W_Rg.woff') format('woff');
    /* Pretty Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Delivery_CdLt';
    src: url('https://www.dhl.com/dhl-font/Delivery_W_CdLt.eot');
    /* IE9 Compat Modes */
    src: url('https://www.dhl.com/dhl-font/Delivery_W_CdLt.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://www.dhl.com/dhl-font/Delivery_W_CdLt.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://www.dhl.com/dhl-font/Delivery_W_CdLt.woff') format('woff');
    /* Pretty Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Delivery_CdBlk';
    src: url('https://www.dhl.com/dhl-font/Delivery_W_CdBlk.eot');
    /* IE9 Compat Modes */
    src: url('https://www.dhl.com/dhl-font/Delivery_W_CdBlk.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://www.dhl.com/dhl-font/Delivery_W_CdBlk.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://www.dhl.com/dhl-font/Delivery_W_CdBlk.woff') format('woff');
    /* Pretty Modern Browsers */
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Delivery_Lt';
    src: url('https://www.dhl.com/dhl-font/Delivery_W_lt.eot');
    /* IE9 Compat Modes */
    src: url('https://www.dhl.com/dhl-font/Delivery_W_lt.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://www.dhl.com/dhl-font/Delivery_W_lt.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://www.dhl.com/dhl-font/Delivery_W_lt.woff') format('woff');
    /* Pretty Modern Browsers */
    font-weight: normal;
    font-style: normal;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .1rem;
}

strong {
    font-family: 'Delivery_CdBlk', sans-serif;
    /* Use Delivery Black for strong/bold */
}

body {
    font-family: 'Delivery_W_Rg', sans-serif;
    /* Use Delivery Light as default */
    -webkit-font-smoothing: antialiased;
    /* For Chrome, Safari, and newer versions of Opera */
    -moz-osx-font-smoothing: grayscale;
    /* For Firefox on Mac OS */
    text-rendering: optimizeLegibility;
    /* For improved rendering especially on Windows */
    /* Optional: Adds a subtle stroke around text to improve readability */
    -webkit-font-smoothing: antialiased;
        /* Added for better font rendering */
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    /* Added for better font rendering */
    color: rgb(0, 0, 0);
    font-stretch: 100%;
    line-height: 24px;
}

p {
    color: rgb(0, 0, 0);
    font-family: 'Delivery_W_Rg', sans-serif;
}

.no-margin{
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fixed-contact-button {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-30%) rotate(-90deg);
    z-index: 9999;
    /* Ensure it's above other content */
    margin-right: -34px;
    border-end-end-radius: 0px;
    border-end-start-radius: 0px;
}

.btn:hover {
    background-color: #911726;
    ;
}

.red {
    background-color: #D40511;
}

.grey {
    background-color: #f2f2f2;
}

.red-text {
    color: #D40511;
    font-weight: 800;
    font-size: 1.5rem;
}
.red-p {
    color: #D40511;
    text-decoration: none;
}

.yellow {
    background-color: #ffcb00;
}

.heading {
    color: #D40511;
    font-family: 'Delivery_CdBlk';
    font-size: 2.2rem;
    line-height: 2.0rem;
}

.heading-sm {
    color: #D40511;
    font-family: 'Delivery_CdBlk';
}

/* .navbar-dhl {
    height: 75px;
} */

.logo-1 {
    max-height: 20px;
}

.logo-2 {
    max-height: 70px;
}

.padded {
    margin-right: 9%;
    margin-left: 9%;
}

.bg-grey {
    background-color: #D0CECE;
}

.map {
    max-width: 100%;
    height: auto;
}

.retailbg {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B7f8a5f0a-e723-4211-9f65-7e60a89ee21d%7D_retail.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.retail-2 {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B1a16ed08-a891-400c-8ef2-8fcfe3f96dc0%7D_retail-2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.retail-3 {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B100fc3b4-3656-4abc-bce3-9ce1dc557c72%7D_retail-3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.retail-card {
    width: 300px;
    margin-right: 5%;
    background: linear-gradient(180deg, #FFCC00, #FFF0B0);
    border-radius: 0px;
    border: none;
    padding: 8px;
    margin-top: 200px;
    margin-bottom: 200px;
}

.overlay {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
    background-color: #737373;
    background-blend-mode: multiply;
}

.imtext {
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    font-family: 'Delivery_CdBlk';
}

.do-bg {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B0a41ba9d-02f7-4753-9e25-5bb60cc1feb3%7D_do-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.8);
    background-blend-mode: multiply;
}

.wrap {
    width: 60%;
}

.p1 {
    padding-right: 100px;
}

.p2 {
    padding-left: 100px;
}

.testimonial {
    width: 33%;
    padding: 5px;
}

.t-img {
    margin-bottom: -60px;
    width: 40%;
}

.t-box {
    min-height: 365px;
    font-size: 12px;
}

.ft-logo {
    width: 120px;
}

.ft-list {
    border: none !important;
}

.list-group {
    font-size: 12px;
    --bs-list-group-border-width: 0px;
    --bs-list-group-bg: rgba(255, 255, 255, 0);
}

.list-group-item {
    color: #888888;
}

.ft-small {
    color: #888888;
    font-size: 12px;
}
.carousel{
    padding: 0px !important;
}

.carousel-inner {
    position: relative;
}

.carousel-item {
    text-align: center;
}
#videoCarousel {
    padding: 0px;
}

.video-box {
    padding: 30px;
}

.video-container {
  position: relative;
  overflow: hidden;
  padding-top: 52.75%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.video-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the alpha value (0.5) to change the darkness */
  z-index: 1;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Ensure the video is behind the overlay */
}

.video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* Ensure the video is behind the overlay */
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #ffcb00;
    z-index: 999;
    position: relative;
}

.capabilities {
    max-width: 500px;
}

hr {
    opacity: 1;
}

.ft-social {
    height: 32px;
    width: auto;
    padding: 5px;
    margin-right: 10px;
    filter: grayscale(100%);
    opacity: 50%;
    
}

.ft-social:hover {
    filter: none;
    opacity: 100%;
}


.info-text {
    font-size: 0.88rem;
}
.ic {

}
.svgic img {
    width: 33%;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    display: inline-block;
    width: 22px;
    /* Adjust the width of your custom arrow */
    height: 30px;
    /* Adjust the height of your custom arrow */
    background-size: cover;
}

/* Set custom background image for previous arrow */
.slick-prev:before {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bd69da424-968b-4166-805d-4d390c6ec121%7D_left-01.png');
}

/* Set custom background image for next arrow */
.slick-next:before {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B650d90ba-3b2a-4043-95b0-f01586f98e22%7D_right-01.png');
}

@media (max-width: 767.98px) {
    .map {
            max-width: 100%;
            height: auto;
        }
    .padded {
        margin-right: 0px;
        margin-left: 0px;
    }

    .p1 {
        padding-right: 10px;
    }

    .p2 {
        padding-left: 10px;
    }

    .wrap {
        width: 100%;
    }

    .op-ex {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .logo-1 {
        max-height: 16px;
    }

    .logo-2 {
        max-height: 60px;
    }

    .heading {
        font-size: 32px;
    }

    .retail-card {
        margin-top: 380px;
        margin-bottom: 30px;
    }
    .carousel{
        flex-direction: column;
    }
    .box{
        height: 480px !important;
    }
    .vtext {
    font-size: 12px !important;
    margin-top: 90px !important;
    }
    .banner-heading{
    font-size: 2.0rem !important;
    line-height: 0.8;
    color: #ffcb00;
    }
    .banner-description{
        font-size: 1.4rem !important;
    }
    .b-text{
        font-size: 1.2rem !important;
    }
    .features{ 
        padding: 20px;
    }
    .t-box{
        min-height: 380px;
    }
    
}

@media (max-width: 1200px) {
    .ft-slider {
        padding-right: 0px;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }
}

.carousel {
    display: flex;
}

.carousel-control-prev{
    display: none;
}

.box {
    flex-grow: 1;
    border: 1px solid #ccc;
    margin: 1px;
    padding: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    /* Add display flex */
    justify-content: center;
    /* Center content horizontally */
    align-items: center;
    /* Center content vertically */
    height: 400px;
}

.box p {
    margin-bottom: 0;
}

.box-text {
    text-align: center;
    color: #fff;
    line-height: 1.3rem;
    font-size: 1.2rem;
    text-align: left;
}

.content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #FFCC00, #FFF0B0);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 15px;
    box-sizing: border-box;
}

.content-heading {
    font-weight: bold;
    font-size: 1.2rem;
}
.cwt {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B33553634-a0ca-4fdb-81fa-b4083aec85cc%7D_o1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #737373;
    background-blend-mode: multiply;
}

.dfn {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B90d4e5f2-67ef-4d92-9225-2c9dc9b1b8c9%7D_o2.jpg');
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #737373;
    background-blend-mode: multiply;
}

.drc {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bbb8d9cef-29a7-462f-95f6-972facdfbdac%7D_o3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #737373;
    background-blend-mode: multiply;
}

.cbw {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B6b40db7d-5986-47e7-836d-21f4f8f6944a%7D_o4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #737373;
    background-blend-mode: multiply;
}

.bsc {
    background-image: url('https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Be03683b5-f8d2-4789-9940-ec9ea77e9c80%7D_o5.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #737373;
    background-blend-mode: multiply;
}

.items {
    width: 50%;
}

.iconimg {
    height: 100%;
}
.icon-container {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-container img {
    max-height: 100%;
    width: auto;
}

.box-heading {
    font-size: 1.4rem;
    font-weight: 800;
}
.content-details {
    margin-bottom: 15px !important;
    line-height: 1.0rem;
}
.content-description{
    line-height: 1.0rem;
}
.pointers .small {
    line-height: 1rem;
}
.img-scale {
    transition: transform 0.3s ease-in-out;
    position: relative;
}

.img-scale:hover {
    transform: scale(1.1);
}

.img-scale::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.img-scale:hover::before {
    opacity: 1;
}

.img-scale::after {
    content: "\25BA"; /* Unicode for the play icon */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: white;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.img-scale:hover::after {
    opacity: 1;
}
video {
    width: 100% !important;
    height: auto;
}
.form-control {
    background-color: #ececec;
    margin-bottom: 10px;
}
.darken{
    position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 9999; /* Ensure the overlay appears on top of other elements */
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-heading{
    font-size: 3.5rem;
    line-height: 100%;
    color: #ffcb00;
}
.banner-description{
    font-family: 'Delivery_CdLt'!important;
    font-size: 2rem;
    color: #ffcb00;
}
.b-text{
    font-size: 2.6rem;
}
.vtext {
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
    margin-top: 20%;
    padding-left: 5%;
    text-align: left;
}
.container-fluid {
    padding: 0px;
}
.accordion {
    --bs-accordion-bg: rgba(255, 255, 255, 0);
    --bs-accordion-color: #ffffff;
}
.accordion-button{
    color: #fff;
}
.accordion-button:not(.collapsed){
    color: #ffffff;
background-color: rgba(0, 0, 0, 0);
}
/*.accordion-button .show{
    background-color: #ffcc01;
}*/
.accordion-item:first-of-type>.accordion-header .accordion-button .show {
    color: #000; 
}
.name{
    font-size: 18px;
    color: #db2e44;
    font-family: 'Delivery_CdBlk';
}
.des {
    font-family: 'Delivery_CdBlk';
}
.ft-slider{
    padding-right: 10px;
    padding-left: 10px;
    max-height: 260px;
    width: auto;
}
.ft-text {
    padding-right: 10px;
    padding-left: 10px;
    min-height: 200px;
}
.ft-bt {
    position: absolute;
    bottom: 0;
}
.features{
    margin-top: -30px;
    padding-top: 85px !important;
    padding-bottom: 70px !important;
}
.small {
    font-size: 13px;
}
 .slick-dots {
    position: relative !important;
}